﻿@{
    Layout = "~/Views/Shared/_LayoutContent.cshtml";
}
@section css{
    <link href="~/ui/css/plugins/ztree/metroStyle/metroStyle.css" rel="stylesheet" />
    <style>
        .dropzmenu {
            display: none;
            z-index: 100;
            background-color: #eee;
            width: 80%;
            position: absolute;
        }

        .ztree {
            max-height: 200px;
            overflow: auto;
        }
    </style>
}
@section scripts{
    <script>seajs.use("@Url.Content("/src/sys/dept/show.js")");</script>
}
<div class="show-content" id="msapp" v-cloak>
    <div class="row p5">
        @await Component.InvokeAsync("Menu", true)
    </div>
    <div class="row">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <form class="form-horizontal m-t" id="form-role">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">部门名称：</label>
                        <div class="col-sm-8">
                            <input class="form-control required" type="text" name="DeptName" v-model="SysDept.DeptName">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">父级部门：</label>
                        <div class="col-sm-8">
                            <div class="input-group">
                                <input type="text" class="form-control" readonly value="" id="menuselected" v-on:dblclick="selectMenu" />
                                <span class="input-group-addon" v-on:click="clearMenu"><i class="fa fa-close"></i></span>
                                <span class="input-group-addon" v-on:click="selectMenu"><i class="fa fa-search"></i></span>
                            </div>
                            <div id="menuContent" class="dropzmenu">
                                <ul id="treeMenu" class="ztree"></ul>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">部门编码：</label>
                        <div class="col-sm-8">
                            <input class="form-control required" type="text" name="DeptCode" v-model="SysDept.DeptCode">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">备注：</label>
                        <div class="col-sm-8">
                            <input class="form-control required" type="text" name="Memo" v-model="SysDept.Memo">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">部门状态：</label>
                        <div class="col-sm-8">
                            <input type="checkbox" v-model="SysDept.IsDel" v-bind:true-value="0" v-bind:false-value="1">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>